<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>编辑</title>
    <script src="/layui/layui.js"></script>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <script type="text/javascript" src="/js/jurisdiction/backStage/backStageList/update-back-stage.js"></script>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        .box{
            width: 100%;
            height: 100%;
            text-align: center;
            position: relative;
        }
        img{
            width: 100px;
            height: 100px;
            cursor: pointer;
        }
        .headPortrait,form{
            margin-top: 35px;
        }
        video{
            margin-right: 30px;
        }
        #videoButton button{
            margin-left: 150px;
            margin-bottom: 10px;
        }

        #videoButton{
            margin-top: 30px;
        }
        #imgProgress{
            width: 25%;
            margin: 30px auto 0 auto;
        }
        form{
            position: relative;
        }
        .buttonBox{
            position: absolute;
            right: 20px;
            bottom: -128px;
        }

    </style>
</head>
<body>
<div class="box">
    <div class="headPortrait">
        <img src="" id="userHeadPortrait" class="layui-circle">
        <div class="layui-progress layui-progress-big" lay-filter="imgProgress" id="imgProgress" lay-showPercent="yes">
            <div class="layui-progress-bar layui-bg-green" lay-percent="0%"></div>
        </div>
    </div>
    <div class="bannerMessage">
        <form class="layui-form">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">用户账号:</label>
                    <div class="layui-input-inline">
                        <input name="account" id="account" disabled" class="layui-input" />
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">用户昵称:</label>
                    <div class="layui-input-inline">
                        <input name="trueName" lay-verify="required" id="trueName" class="layui-input"/>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">性别:</label>
                    <div class="layui-input-inline">
                        <input name="sex" id="sex" class="layui-input" disabled/>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">身份证号:</label>
                    <div class="layui-input-inline">
                        <input name="idCard" id="idCard" lay-verify="required|identity"  class="layui-input"/>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">出生日期:</label>
                    <div class="layui-input-inline">
                        <input name="birthDate" id="birthDate" class="layui-input"/>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">所属部门:</label>
                    <div class="layui-input-inline">
                        <input name="deptName" id="deptName" class="layui-input" disabled/>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">注册时间:</label>
                    <div class="layui-input-inline">
                        <input name="registerDate" id="registerDate" disabled class="layui-input"/>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">注册IP:</label>
                    <div class="layui-input-inline">
                        <input name="registerIp" id="registerIp" disabled class="layui-input"/>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">邮箱:</label>
                    <div class="layui-input-inline">
                        <input name="email" id="email" lay-verify="required|email"  class="layui-input"/>
                    </div>
                </div>
                <div class="layui-form-item" style="margin-top: 20px;">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="margin-left: -10px">个性签名:</label>
                        <div class="layui-input-block">
                            <textarea id="freestyle" name="freestyle" lay-verify="required"  style="resize:none;width: 838px;margin-left: -10px" class="layui-textarea"></textarea>
                        </div>
                    </div>
                </div>
                <div class="buttonBox">
                    <button class="layui-btn layui-btn-normal" lay-filter="updateUser" lay-submit type="submit">修改</button>
                    <button class="layui-btn layui-btn-primary" id="close">取消</button>
                </div>
            </div>
            <input type="hidden"id="userId" name="userId">
            <input type="hidden"id="acatarUrl" name="acatarUrl">
        </form>
    </div>
</div>
</body>
</html>